---
// 页脚组件 - 包含社交媒体链接、版权信息和备案信息

import Hr from "./Hr.astro";        // 水平分割线组件
import Socials from "./Socials.astro"; // 社交媒体链接组件

// 获取当前年份
const currentYear = new Date().getFullYear();

// 组件属性
export interface Props {
  noMarginTop?: boolean;  // 是否禁用顶部边距（可选）
}

// 解构组件属性，设置默认值
const { noMarginTop = false } = Astro.props;
---

<!-- 网站页脚 -->
<footer class:list={["w-full", { "mt-auto": !noMarginTop }]}>
  <!-- 水平分割线 -->
  <Hr noPadding />
  
  <!-- 页脚内容容器 -->
  <div
    class="flex flex-col items-center justify-between py-6 sm:flex-row-reverse sm:py-4"
  >
    <!-- 社交媒体链接 -->
    <Socials centered />
    
    <!-- 版权和备案信息 -->
    <div class="my-2 flex flex-col items-center whitespace-nowrap sm:flex-row">
      <!-- 版权信息 -->
      <span>
        <a href="/about/" target="_blank">&#169;2018&nbsp;-&nbsp;{currentYear}</a>
      </span>
      
      <!-- 分隔符（桌面端显示） -->
      <span class="hidden sm:inline">&nbsp;|&nbsp;</span>
      
      <!-- ICP备案信息 -->
      <span>
        <a href="https://beian.miit.gov.cn/" target="_blank">豫ICP备2024046152号-1</a>
      </span>
    </div>
  </div>
</footer>